<template>
   <div class="index-footer">
        <div class="container ">
            <div class="jump">
                <div class="jump-item">
                    <a class='title' href="">关于我们</a>
                    <a href="http://siemensgabor.com">关于嘉宝</a>
                    <a href="">发展历程</a>
                    <a href="">荣誉资质</a>
                </div> 
                 <div class="jump-item">
                    <a class='title' href="">帮组中心</a>
                    <a href="http://siemensgabor.com">售前咨询</a>
                    <a href="">售后服务</a>
                    <a href="">管理登录</a>
                </div> 
                 <div class="jump-item">
                    <a class='title' href="">购物指南</a>
                    <a href="http://siemensgabor.com">0元设计</a>
                    <a href="">订单查询</a>
                    <a href="">产品展示</a>
                </div> 
                 <div class="jump-item">
                    <a class='title' href="">嘉宝实力</a>
                    <a href="http://siemensgabor.com">案例展示</a>
                    <a href="">专家团队</a>
                    <a href="">嘉宝网点</a>
                </div> 
                 <div class="jump-item">
                    <a class='title' href="">新闻动态</a>
                    <a href="http://siemensgabor.com">公司新闻</a>
                    <a href="">活动动态</a>
                    <a href="">行业新闻</a>
                </div> 
            </div>
            <div class="logo">
              <h1>战略合作</h1>
              <div class="logo-body">
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo1.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo2.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo3.png" alt="">
                  </a>
                 <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo4.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo5.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo6.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo7.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo8.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo9.png" alt="">
                  </a>
                  <a href="" class="logo-item">
                    <img src="@/assets/index/footer-logo10.png" alt="">
                  </a>
              </div>
              <h2>@2017 嘉宝橱柜 版权所有 湘ICP备 12008428号</h2>
            </div>

        </div>
        
        
        
    </div>
</template>

<script>
import { mapState } from 'vuex'
import axios from 'axios'
export default {
  name: 'IndexFooter',
  data () {
    return {
      msg: 'index',
      id:1,
      list:[]
    }
  },
   computed:{
        ...mapState(['baseUrl'])
    },
  mounted() {
   
    
  },
  methods: {
   
  },
}
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl"
@import "~styles/mixins.styl"
.index-footer
    background black
.container
  container()  
 .jump
    margin-top 55px
    display flex
    justify-content space-evenly
.jump-item>a
    text-align center
    font-size 16px
    display block
    margin-top 25px
.jump-item>.title
    font-size 24px
.logo 
    width 610px
    margin 50px auto 40px auto
.logo>h1
    width 100%
    text-align center
    font-size 20px
    color white 
.logo-body
    margin-top 17px
    overflow hidden
    .logo-item
        width 110px
        height 44px
        float left
        margin 6px
        background white
.logo-item>img
    width 100%
    height 100%
.logo>h2
    width 100%
    text-align center
    color white 
    font-size 18px
    margin-top 45px
    margin-bottom 20px
</style>
